<html>
<head>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
  <meta content="utf-8" http-equiv="encoding">
  <meta name="viewport" content="width=device-width, user-scalable=no">
  <link rel="icon" type="image/png" href="favicon.png" />
  <link rel="stylesheet" href="reset.css">
  <link rel="stylesheet" href="style.css">
  <title>mebm</title>
</head>
<body>
  <div id="background" class="full">
    refresh if visible (javascript didn't load)
    <input type="file" id="filepicker" multiple accept="video/mp4,video/x-m4v,video/*,image/*"/>
  </div>
  <div id="foreground" class="full">
    <div id="cursor_preview">
     <div></div>
     <canvas></canvas>
    </div>
    <div id="canvas"></div>
    <div id="layer_holder">
     <div id="header">
      <div onclick='upload()'>+ media</div>
      <div onclick='add_text()'>+ text</div>
      <div onclick='updateSettings()'>[...]</div>
      <div id="export">export</div>
      <a href="https://github.com/bwasti/mebm" target="_blank">src</a>
     </div>
     <div id="layers"> </div>
    </div>
    <div id="time"></div>
  </div>
  <script type="text/javascript" src="script.js"></script>
</body>
</html>
